<template>
    <div class="header">
        <div class="title">
            <div class="blueItem"></div>
            <!-- 插槽 标题参数 -->
            <slot name="title"></slot>
        </div>
    </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component({
    name: 'HeaderTitle',
    components: {},
})
export default class HeaderTitle extends Vue {}
</script>
<style lang="scss" scoped>
.header {
    width: 100%;
    height: 40px;
}
.title {
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    .blueItem {
        width: 7px;
        height: 25px;
        background: #3498ff;
        margin-top: 7px;
        margin-right: 13px;
        margin-left: 10px;
        font-size: 18px;
    }
}
</style>
